.order{
	width: 100%;
	height: 100%;
	
	.top_card_place{
		font-size: 28rpx;
		font-weight: 600;
		padding: 32rpx 24rpx;
	}
	.change_card {
		padding: 32rpx 24rpx;
	}
		.list {
			padding-bottom: 120rpx;
		}
		.order_content{
			width: 100%;
			height: 100%;
			// background-color: #F8F8FB;
			.order_top{
				background: url(/static/img/card_07.png) no-repeat;
				border-radius: 16rpx;
				background-size:100% 100%;
				width: 702rpx;
				// padding: 38rpx 24rpx;
				font-size: 24rpx;
				margin: 16rpx 24rpx;
				display: flex;
				.top_card_left1{
					width: 662rpx;
				}
				.top_card_left{
					width: 662rpx;
					margin: 32rpx 24rpx;
					span{
						font-size: 20rpx;
						color: #ff5445;
						background-color: #FFF8F7;
						padding: 8rpx 8rpx;
					}
					p{
						display: inline-block;
						margin-left: 24rpx;
					}
					.top_card_room{
						font-size: 28rpx;
						font-weight: 600;
						padding-top: 8rpx;
					}
					.top_card_user{
						padding-top: 16rpx;
						display: inline-block;
					}
					.top_card_phone{
						display: inline-block;
						margin-left: 40rpx;
					}

				}
				image{
					width: 40rpx;
					height: 40rpx;
					// margin: 0 auto;
					display: flex;
					align-items: center;
					align-self: center;
					padding-right: 24rpx;
					// position: absolute;
					// top: 88rpx;
					// right: 48rpx;
				}
			}
			
			
			
			.order_card{
				padding: 0;
				margin: 0;
				background-color: #FFFFFF;
				border-radius: 16rpx;
				margin: 24rpx;
				padding: 24rpx;
				display: flex;
				// width: 702rpx;
				.order_left{
					display: flex;
					align-items: center;
					.order_icon{
						height: 40rpx;
						width: 40rpx;
					}
					image{
						height: 198rpx;
						width: 198rpx;
						border-radius: 5%;
						// margin-left: 10rpx;
					}
				}
				.order_right{
					width: 432rpx;
					display:inline;
					float: right;
					margin-left: 24rpx;
					.order_title{
						margin-left: 12rpx;
						p{
							margin-top: 5rpx;
							word-break: normal;
							width: 422rpx;
							font-size: 28rpx;
							color: #333333;
							line-height: 1.5em;
							// letter-spacing: 2rpx;
						}
						span{
							color: #FF504C;
							font-weight: bold;
							font-size: 28rpx;
							line-height: 2em;
						}
					}
					.card_calculation{
						display:inline;
						float: right;
						align-items: center;
						image{
							height: 40rpx;
							width: 40rpx;
						}
						p{
							padding: 0 10rpx;
							display:inline;
							width: 34rpx;
						}
					}
				}
				
			   }
			
			.order_middle{
				margin: 16rpx 24rpx;
				font-size: 28rpx;
				background-color: #FFFFFF;
				border-radius: 5%;
				z-index: -1;
				.middle_first{
					padding: 42rpx 0 42rpx 24rpx ;
					display: flex;
					justify-content: space-between;
					p{
						color: #333333;
						padding-top: 2rpx;
					}
					input{
						padding-right: 93rpx;
						// padding: 0 0 0 55rpx;
						color: #666666;
						
					}
					image{
						width: 40rpx;
						height: 40rpx;
						padding-right: 24rpx;
					}
				}
				.middle_line{
					border: #EFEFEF 1rpx solid;
					width: 678rpx;
					margin-left: 24rpx;
				}
				.middle_two{
					padding: 42rpx 0 42rpx 24rpx ;
					display: flex;
					justify-content: flex-start;
					p{
						color: #333333;
						padding-top: 2rpx;
					}
					input{
						padding: 0 0 0 80rpx;
						color: #666666;
						
					}
				}
			}
			
			.order_bottom{
				// display:inline;
				padding-bottom: constant(safe-area-inset-bottom);
				padding-bottom: env(safe-area-inset-bottom);
				display: flex;
				justify-content: space-between;
				position: fixed;
				bottom: 0;
				left: 0;
				right: 0;
				background-color: #FFFFFF;
				z-index: 99;
				.order_bottom_btn{
					display: flex;
					justify-content: space-between;
				}
				.checkedall{
					background-image: url(/static/img/common_ic_12_selected.png);
				}
				.order_btn{
					padding: 28rpx 0 28rpx 28rpx!important;
				}
				image{
					height: 50rpx;
					width: 50rpx;
					padding: 28rpx 0 28rpx 28rpx ;
				}
				span{
					font-size: 36rpx;
					color: #FF5445;
					font-weight: 550;
					padding: 30rpx 0 30rpx 24rpx;
					align-items: center;
				}
				.order_cart{
					background-image: linear-gradient(to right, #FFD260, #FFA84C );
					width: 246rpx;
					.swap_text{
						font-size: 28rpx;
						padding: 34rpx 52rpx 34rpx 54rpx;
						color: #FFFFFF;
					}
				}
				.swap{
					background-color: #FF5445;
					width: 246rpx;
					.swap_text{
						font-size: 28rpx;
						padding: 34rpx 60rpx 34rpx 74rpx;
						color: #FFFFFF;
					}
				}
			  }
			}
		// }

}